<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>钉钉-阿里巴巴旗下品牌</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="icon" href="img/TB1az8zBhD1gK0jSZFsXXbldVXa-1150-1074.png">
    <link rel="stylesheet" href="css/register.css">
</head>
<body onload="createCode()">
    <div class="top">
        <img src="img/TB1KLz1bycKOu4jSZKbXXc19XXa-1080-320.png" alt="">
    </div>
    <div class="main">
        <p class="topic">欢迎注册钉钉</p>
<!--        输入号码框-->
        <div class="inp">
            <div class="select">
                <select>
                    <option value="volvo">+355</option>
                    <option value="saab">+60</option>
                    <option value="vw">+91</option>
                    <option value="audi" selected>+86</option>
                </select>
            </div>
                <form action="xx.html" method="post" >
                    <input type="text" value="" placeholder="请在此输入手机号" class="input" name="name">
                    <p class="alnum">请输入手机号码</p>
                </form>
        </div>
<!--验证码-->
        <div class="tr" >
            <input type="text" id="text" placeholder="输入验证码" class="tr-input">

            <div class="yan">
                <a  id="code" onclick="createCode( this )"></a>
            </div>


        </div>



<!--        底部的协议部分-->
        <p>提交即视为同意 <a href="https://page.dingtalk.com/wow/dingtalk/act/privacypolicycn?wh_biz=tm">《钉钉隐私协议》</a>和 <a href="">《钉钉服务协议》</a></p>
        <button class="btn" type="submit" onclick="validate()">同意协议并注册</button>
    </div>
<!--    右边的咨询-->
    <div class="consult">
        <a href="">
            <img src="img/TB1BLyyXSzqK1RjSZFLXXcn2XXa-112-112.png" alt="" >
        </a>

    </div>

<!--    这是底部-->
    <div class="footer">
      <div class="fo-con">
          <img src="img/TB1pHgjwET1gK0jSZFhXXaAtVXa-164-60.png" alt="">
          <a href="download.html" class="btn " >下载钉钉</a>
          <a href="" class="fo-con-em">使用手册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
          <a href="" class="fo-con-em">钉钉官网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
      </div>
    </div>

    <script src="js/register.js"></script>
</body>
</html>

